

<div class="my-body2-div container-fluid">
  <div  class="my-sty2 row col-md-12 col-xs-12 col-lg-12 col-sm-12">
    <div class="my-sty2 col-md-4 col-xs-4 col-lg-4 col-sm-4 col-md-offset-4  col-xs-offset-4 col-lg-offset-4 col-sm-offset-4">
      <input type="text" class="form-control my-sty"  placeholder="请输入房间号或mac地址或ip">
      <button type="button" class="layui-btn">搜索</button>
    </div>

  </div>
  <table class="layui-table">
    <div style="background:#F2F2F2;" style="padding-left: 50px;">
      <caption style="margin-left: 40px;"><span >终端列表</span><span style="float: right">共有数据：<span>0</span>条</span></caption>
    </div>

    <thead>
    <tr>
      <th></th>
      <th>终端编号</th>
      <th>IP地址</th>
      <th>Mac地址</th>
      <th>密码</th>
      <th>站点编号</th>
      <th>房间号</th>
      <th>是否在线</th>
      <th>所属分组</th>
      <th>版本</th>
      <th>型号</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>贤心</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行</td>
    </tr>
    <tr>
      <td>许闲心</td>
      <td>2016-11-28</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
    </tbody>
  </table>
  <div style="text-align: center">
    <div id="demo"></div>
  </div>
  <hr>
</div>

</body>
<script>
  layui.use(['laypage', 'layer'], function(){
    var laypage = layui.laypage
            ,layer = layui.layer;



    //总页数大于页码总数
    laypage.render({
      elem: 'demo'
      ,count: 70 //数据总数
      ,jump: function(obj){
        console.log(obj)
      }
    });


    var data = [
      '北京',
      '上海',
      '广州',
      '深圳',
      '杭州',
      '长沙',
      '合肥',
      '宁夏',
      '成都',
      '西安',
      '南昌',
      '上饶',
      '沈阳',
      '济南',
      '厦门',
      '福州',
      '九江',
      '宜春',
      '赣州',
      '宁波',
      '绍兴',
      '无锡',
      '苏州',
      '徐州',
      '东莞',
      '佛山',
      '中山',
      '成都',
      '武汉',
      '青岛',
      '天津',
      '重庆',
      '南京',
      '九江',
      '香港',
      '澳门',
      '台北'
    ];

    //调用分页
    // laypage.render({
    //     elem: 'demo20'
    //     ,count: data.length
    //     ,jump: function(obj){
    //         //模拟渲染
    //         document.getElementById('biuuu_city_list').innerHTML = function(){
    //             var arr = []
    //                 ,thisData = data.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
    //             layui.each(thisData, function(index, item){
    //                 arr.push('<li>'+ item +'</li>');
    //             });
    //             return arr.join('');
    //         }();
    //     }
    // });

  });
</script>
<style scoped>

</style>
<!--</html>-->
